<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<link href="css/main.css" rel="stylesheet">
<title>Blaat</title>
</head>
<body>
	<div id="puzzle-container">
		<canvas id="puzzle-canvas" width="600" height="450">
			<img src="img/roman.gif" alt="Sliding puzzle" id="puzzle-img">
		</canvas>
	</div>
	<div id="output-wrapper">
		<div id="output"></div>
		<button type="button" id="clear-btn">Clear output</button>
	</div>
    <script src="js/puzzle-piece.js"></script>
    <script src="js/slide-puzzle.js"></script>
    <script src="js/app.js"></script>
</body>
</html>